@import "./../theme";
@import "./../var";
@import "./widget-vars";

.widget-card {
  padding: $widget-item-common-padding;
  position: relative;
  border-radius: $radiusRegular;
  margin-top: $widget-item-common-margin;
  overflow: initial;
  margin-bottom: 0.5rem;

  .el-card__header {
    padding: 0.7rem;
    border-bottom: none;
  }

  .el-card__body {
    padding: 0.5rem;
    min-height: 4rem;
  }

  .is-empty {
    .el-card__body {
      padding: 0.5rem;
      min-height: 5rem;
    }

    .widget-col-list {
      background: $widget-container-bg-hover !important;
      padding: $widget-item-common-padding;
      position: relative;
      box-sizing: border-box;
      background: $bgColorPrimary;
      border: $widget-container-border;
      border-radius: $radiusRegular;
      min-height: 4rem;

      &:after {
        height: 4rem;
      }
    }
  }

  &.active {
    background: $widget-container-bg-active;
  }

  &:hover {
    background: $widget-container-bg-hover;

    &.active {

      background: $widget-container-bg-hover-active;
    }
  }

  &::after {
    display: none;
  }
}
